@import url("http://www.scotiabank.com.pe/fonts/scotiabank.css");
@import url("960_50.css");
/*@import url("uniform.css");*/

@charset "utf-8";
/* CSS Document */

/*===============================
	reset
=================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display:block; }
html, body { height:100%; }
body { line-height:1.3; }
img { color:transparent; font-size:0; vertical-align:middle; -ms-interpolation-mode:bicubic; }
ol, ul { list-style:none inside; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }

/*===============================
	frame
=================================*/

.f-right { float:right; }
.f-left { float:left; }
.zindex { position:relative; z-index: 1; }
.center { text-align:center; }
.trans { -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }

.spacer-10, .spacer-20, .spacer-40, .spacer-60, .spacer-80, .spacer-100 {
	display: block;
	clear: both;
}
.spacer-10 { height:10px; }
.spacer-20 { height:20px; }
.spacer-40 { height:40px; }
.spacer-60 { height:60px; }
.spacer-80 { height:80px; }
.spacer-100 { height:100px; }

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clearfix:before,
.clearfix:after {
  content:'.';
  display:block;
  overflow:hidden;
  visibility:hidden;
  font-size:0;
  line-height:0;
  width:0;
  height:0;
}
.clearfix:after { clear:both; }
.clearfix { zoom: 1; }

/*===============================
	html
=================================*/

body { font-family:"ScotiabankModernRegular", sans-serif; background:#F3F3F3 url(../img/fondo.png) no-repeat center; color:#666; }
h1, h2, h3, h4, h5, h6, b, strong { font-weight:normal; font-family:"ScotiabankModernBold"; }
i, em { font-style:normal; font-family:"ScotiabankModernItalic"; }
p { font-size:0.875em; }
a { text-decoration:none; cursor:pointer; }
abbr { border-bottom:dotted 1px #000; cursor:help; }
h1, h2, h3, h4, h5, h6, p, blockquote { margin-top:10px; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child,
h5:first-child, h6:first-child, p:first-child, blockquote:first-child { margin-top:0; }

form p { position:relative; font-size:0.8125em; }
form p.f-left { margin-top:10px; }
form p.f-left:first-child { margin-top:6px; }
form label  { position:absolute; top:4px; left:4px; color:#666; }
form input { font-size:1em; font-family:inherit; }
form p input[type=text] { width:172px; height:16px; }
form p.f-left input[type=text] { width:87px; }

/*===============================
	#header
=================================*/

#header { position:relative; padding:10px 0; z-index:2; }
#header div.grid_4 { width:208px; margin-right:27px; }
#header p.f-right { margin-top:0; font-size:0.75em; }
#top_menu { float:right; }
#top_menu > li { float:left; position:relative; }
#top_menu > li > a { display:block; padding-left:10px; margin-left:10px; border-left:solid 1px #EB1924; font-size:0.8125em; color:#EB1924; }
#top_menu > li:first-child > a { padding-left:0; margin-left:0; border-left:none; }
#top_menu:hover > li > a { color:#F79EA2; }
#top_menu:hover > li:hover > a { color:#EB1924; }
#top_menu span.arrow { display:inline-block; width:8px; height:6px; margin:5px 0 0 5px; background:url(../img/bg_arrow.png); }

#top_menu div.dropdown { display:none; position:absolute; top:100%; right:0; margin-top:8px; box-shadow:0 0 4px 1px rgba(0,0,0,0.5); z-index:2; }
#top_menu span.dropdown_arrow { position:absolute; bottom:100%; right:10px; width:100%; height:8px; }
#top_menu div.sites { padding:0 10px; background-color:#F5F5F5; }
#top_menu div.sites li { background:url(../img/bg_bullet.png) no-repeat left center; }
#top_menu div.sites li a { display:block; padding:10px 0 10px 10px; border-top:solid 1px #CCC; font-size:0.8125em; color:#999; white-space:nowrap; }
#top_menu div.sites li:first-child a { border-top:none; }
#top_menu div.sites li a:hover { color:#666; }
#top_menu div.sites span.dropdown_arrow { background:url(../img/bg_sites_arrow.png) no-repeat right; }
/*#top_menu div.login { padding:10px; background-color:#DC7526; color:#FFF; }
#top_menu div.login a { display:block; font-size:0.75em; color:#FFF; }
#top_menu div.login a:hover { text-decoration:underline; }
#top_menu div.login span.dropdown_arrow { background:url(../img/bg_login_arrow.png) no-repeat right; }*/

/*===============================
	#content
=================================*/

#content { background:url(../img/background.png) no-repeat; }
#content img.title { position:absolute; top:0; left:50%; margin-left:-176px; z-index:1; }
#main { padding:10px; border:solid 1px #CCC; border-radius:0 20px; behavior:url(path/PIE.htc); }
#video { position:relative; width:480px; height:270px; padding:10px; margin:82px auto 0; background:url(../img/fondo_VD.png) no-repeat 0 0; }
#video img.side { position:absolute; bottom:0; right:-108px; z-index:1; }
#video img.shadow { position:absolute; top:100%; left:0; }

/*===============================
	#section
=================================*/

#section { position:relative; padding-top:10px; }
#section h1 { font-size:1.125em; color:#333; }
#section a.prev, #section a.next { display:block; width:41px; height:41px; position:absolute; top:50%; left:0; background:url(../img/bg_prev_next.png); opacity:0.75; filter:alpha(opacity=75); }
#section a.next { left:auto; right:0; background-position:-41px 0; }
#section a.prev:hover, #section a.next:hover { opacity:1; filter:none; }
#section a.prev.disabled, #section a.next.disabled { display:none; }
#section div.scrollable { position:relative; width:890px; margin:0 auto; overflow:hidden; }
#section div.items { position:relative; width:1000%; height:100px; }
#section div.item { float:left; width:10%; height:100%; }
#section div.article {
	float:left;
	position:relative;
	width:25%;
	height:100%;
	background:#959CA1 url(../photos/bg_article_04.png) no-repeat center 10px;
	color:#FFF;
	-moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
}
/*#section div.article:hover { background-color:#AFB4B8; }*/
#section div.article.n1 { background:#959CA1 url(../photos/bg_article_01_2.png) no-repeat center; cursor:pointer; }
#section div.article.n2 { background:#959CA1 url(../photos/bg_article_02_2.png) no-repeat center; cursor:pointer; }
#section div.article.n3 { background:#959CA1 url(../photos/bg_article_03_2.png) no-repeat center; cursor:pointer; }
#section div.article.n4 { background:#959CA1 url(../photos/bg_article_04_2.png) no-repeat center; cursor:pointer; }
#section div.article.n5 { background:#959CA1 url(../photos/bg_article_05_2.png) no-repeat center; cursor:pointer; }
#section div.article.n6 { background:#959CA1 url(../photos/bg_article_06_2.png) no-repeat center; cursor:pointer; }
#section div.article.n7 { background:#959CA1 url(../photos/bg_article_07_2.png) no-repeat center; cursor:pointer; }
#section div.article.n1:hover { background-color:#AFB4B8; }
#section div.article.n2:hover { background-color:#AFB4B8; }
#section div.article.n3:hover { background-color:#AFB4B8; }
#section div.article.n4:hover { background-color:#AFB4B8; }
#section div.article.n5:hover { background-color:#AFB4B8; }
#section div.article.n6:hover { background-color:#AFB4B8; }
#section div.article.n7:hover { background-color:#AFB4B8; }
#section div.article > div { padding-top:70px; text-align:center; }
#section div.article a { display:block; width:100%; height:100%; color:#FFF; }
#section div.article span { /*display:inline-block;*/ padding:1px 8px; position:absolute; bottom:0; right:0; background-color:#EE7501; }

/*===============================
	#footer
=================================*/

#footer { padding:10px 0; }
#footer p.f-right { margin-top:0; font-size:0.75em; }
#bottom_menu { float:right; font-size:0.75em; }
#bottom_menu li { float:left; padding-left:10px; margin-left:10px; border-left:solid 1px #666; }
#bottom_menu li:first-child { border-left:none; }
#bottom_menu li a { color:#999; }
#bottom_menu li a:hover { color:#666; }